<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>奥铃勒芒赛</title>
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/lm_xs1.css">
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/set.css">
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/swiper.min.css">
    <script src="__INDEX__/mobile/hd1/2019/lm/js/jquery.min.js"></script>
    <script src="__INDEX__/mobile/hd1/2019/lm/js/swiper.min.js"></script>
    <script src="__INDEX__/mobile/hd1/2019/lm/js/register_message.js"></script>
    <script src="__INDEX__/hd1/2019/lm/js/select.js"></script>
     <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        wx.config({
            debug: false, // 开启调试模式调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印�?
            appId: 'wx8c5b80ddabf32666', // 必填，公众号的唯一标识
            timestamp: '{$arr.timestamp}', // 必填，生成签名的时间
            nonceStr: '{$arr.noncestr}', // 必填，生成签名的随机
            signature: '{$arr.sha1}',// 必填，签名，见附
            jsApiList: [
                "onMenuShareTimeline",
                "onMenuShareAppMessage"
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附
        });
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '奥铃勒芒赛', // 分享标题
                desc: '福田奥铃&福康杯 2019线上勒芒赛”高效物流，赢在TCO', // 分享描述
                link: 'http://aoling.douyar.cc/index/hd1/lm_xs.html', // 分享链接
                imgUrl: 'http://aoling.douyar.cc/public/fx/cc.jpg', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {

                },
                cancel: function () {
                    //alert("取消成功");
                    // 用户取消分享后执行的回调函数
                }

            });
            wx.onMenuShareTimeline({
                title: '奥铃勒芒赛', // 分享标题
                link: 'http://aoling.douyar.cc/index/hd1/lm_xs.html', // 分享链接
                imgUrl: 'http://aoling.douyar.cc/public/fx/cc.jpg', // 分享图标
                success: function () {

                },
                cancel: function () {
                  //  alert("取消成功");
                    // 用户取消分享后执行的回调函数
                }
            });
        })
    </script>
   
    <script>
        var w = 375;
        var f = 16;
        var c = document.documentElement.clientWidth;
        console.log(c);
        var nf = c * f / w;
        document.documentElement.style.fontSize = nf + 'px';
    </script>
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?4b35b9696537f6518e4cdcdeeee51ff6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>

<body>
<input type="hidden" value="{$type}" class="types1">
    <div class="warp">
            <div class="tc tc1" style="display:none;">
                    <div class="z" style="padding-top: 1px;">
                        <h1 style="font-size:22px; color: #fff;text-align: center;margin-top: 5px;">活动规则</h1>
                        <p>1、使用福田智科车联网系统的用户通过授权后可直接参与活动，后台每日滚动更新数据，按30天/周期进行评比，每期比赛中，奥铃将根据里程、油耗、人气、盈利四个分类进行排名。月平均里程最高、百公里油耗最低、邀请朋友点赞自己成绩最多的和平均年盈利额最高的前三名将分别获得里程之星、节油之星、人气之星、盈利之星，按冠亚季军分别给予奖励。最高可获得购车现金券2000元；</p>
                     <p>2、活动期间，每日均会设置幸运之星奖励，参与活动且每日登陆活动页面的客户可点击抽奖，即有机会获取千元购车代金券、666元服务维修保养红包及红包等多重幸运好礼。</p>       
                    </div>
                </div>


                <div class="tc tcs" style="display:none;">
                <div class="z" style="overflow: auto;">
                <h1 style="font-size:15px; color: #fff; text-align: center;">活动规则</h1>
                <p style="padding: 0 1rem;">用户提醒：在参加“福田奥铃&福康杯2019勒芒赛”之前请仔细阅读本声明的全部声明，用户一旦进行线上授权，即表示用户无条件地接受本声明，用户应严格遵守本声明和相关法律规定。
                一、隐私权声明
                将依据本隐私权政策和相关法律规定收集、使用和披露用户会收集车辆运行数据(如车辆VIN码、行驶轨迹、位置、速度、发动机油耗、扭矩等，客户在报名之前，务必仔细阅读本隐私权政策。客户登录且报名，即视为用户授权许可福田奥铃汽车通过以下规则收集并使用上述信息。
                1、用户车辆信息采集及使用:
                “福田奥铃&福康杯2019”勒芒赛驾驶员联赛需要登录界面提供车牌号、企业名称等车辆运营信息，此信息只作为“福田奥铃&福康杯2019勒芒赛”驾驶员联赛的奖励凭证，不会作外用。
                2、信息的批露:
                福田奥铃会在以下情况批露车辆运营信息:
                1)活动期间，“福田奥铃&福康杯2019勒芒赛”驾驶员联赛分行业前十名，会通过各平台进行公示您的车辆信息、行驶速度、服务数据、出勤天数、行驶里程等涉及车辆运行状况的数据，公示的个人信息不包括电话。
                2)法律法规或司法与政府部门要求根据人民法院、政府机关或法律法规的要求福田奥铃向其披露用户车辆信息。
                二、“福田奥铃&福康杯2019勒芒赛”驾驶员联赛报名要求:
                参赛赛手没有任何重大违法、违规记录，不会违反任何相关法律法规(尤其包括商业贿赂及不正常竞争相关法规)与福田奥铃汽车公司“福田奥铃&福康杯2019勒芒赛”驾驶员联赛管理管理规定，同时售车奖励所得不会用于任何违法活动。如违反本承诺，视为自动放弃比赛及任何未付的费用及利益。
                三、免责条款:
                福田奥铃汽车已经采取了必要技术保障措施，保护您的资料以防止其丢失、被滥用、受到未授权访问或泄漏、被篡改或毁坏。但福田奥铃汽车对于第三方通过非法手段导致您个人信息的泄漏，或者不正当使用您个人信息的行为不承担责任。


                本人已阅读并接受本告知函内容</p>
                </div>
                </div>
        <div class="swiper-container swiper-container1 ">
            <div class="swiper-wrapper">
                <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/banner.jpg" alt="">
                </div>
                <!-- <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/banner.png" alt="">
                </div>
                <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/banner.png" alt="">
                </div> -->
            </div>
            <div class="swiper-pagination"></div>
            <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
        </div>

        <!-- <img src="__INDEX__/mobile/hd1/2019/lm/img/sm.png" alt="" class="tu"> -->
        <img src="__INDEX__/mobile/hd1/2019/lm/img/sc.png" alt="" class="tu1">


        <!-- 赛事细则 -->
        <!-- <img src="__INDEX__/mobile/hd1/2019/lm/img/sscz.png" alt="" class="tu2" style="display:none;">



        <div class="sfq" style="display:none;">

        </div> -->
        {if $cc==2}

        <div class="typess1">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/mys.png" alt="" class="tu2">
            <div class="myselfs">
				<ul class="hang1">
					<li style="margin-left: 6rem;">敬请期待</li>
					<li>敬请期待</li>
					<li>敬请期待</li>
				</ul>
				<ul class="hang2">
					<li style="margin-left: 6.5rem;">敬请期待</li>
					<li>敬请期待</li>
					<li>敬请期待</li>
				</ul>
				<ul class="hang3">
					<li style="margin-left: 7.5rem;">敬请期待</li>
					<li>敬请期待</li>
					<li>敬请期待</li>
				</ul>
            </div>
        </div>
        {else}
         <div class="typess1">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/mys.png" alt="" class="tu2">
            <div class="myselfs">
                <ul class="hang1">
                    <li style="margin-left: 6rem;">{$zr['mileage']}</li>
                    <li>{$sql['mileage']}</li>
                    <li>{$pm}</li>
                </ul>
                <ul class="hang2">
                    <li style="margin-left: 6.5rem;">{$zr['perFuelConsumption']}</li>
                    <li>{$sql['perFuelConsumption']}</li>
                    <li>{$yh}</li>
                </ul>
                <ul class="hang3">
                    <li style="margin-left: 7.5rem;"><?php echo rand(000,999)  ?></li>
                    <li>{$sql['workTimeInSeconds']}</li>
                    <li>{$rq}</li>
                </ul>
            </div>
        </div>
        {/if}









        <!-- 报名参赛 -->
        <div class="typess2">
            <input type="hidden" name="id" id="id" value="{$id}">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/bmcs.png" alt="" class="tu2">
            <div class="sfq1">
                <input type="text" placeholder="请输入您的姓名" id="in">
                <input type="text" placeholder="请输入您的电话" id="in1">
                <!-- <input type="text" placeholder="短信验证码"> -->
                <input type="text" class="layui-input" onfocus="if(value=='短信验证码') {value=''}" onblur="if (value=='') {value='短信验证码'}" placeholder="短信验证码"  id="in2" lay-verify="yzm" style="width: 60%;" name="yzm">
                <input type="text" placeholder="请输入您的车架号" id="in3">
                <!-- <div id="in4">发送验证码</div> -->
                <input type="text" id="in5" placeholder="请输入您的车牌号">
                <div  id="in4" onclick="send_capicha_regist()">获取验证码</div>
                <select name="province"  class="province" onchange="getCitys()" id="in6" style="color: #000;">
                    <option value="100">请选择省份</option>
                    <script type="text/javascript"> 
                        for(var i=0;i<provinceArr.length;i++)    
                        {
                            document.write("<option value='"+i+"'>"+provinceArr[i]+"</option>");
                            
                        }
                    </script>
                </select>
                <select name="city" id="city" class="city" style="color: #000;">
                    <option value="0">请选择城市</option>
                </select>
                <select name="" id="in6" class="bang" style="top: 92%;">
                        <option value="1" class="yq">请选择报名榜</option>
                        <option value="1" class="yq">油耗榜</option>
                        <option value="1" class="yq">人气榜</option>
                        <option value="1" class="yq">里程榜</option>
                </select>
                <img src="__INDEX__/hd1/2019/lm/img/grzxbmcs/readm.png" alt="" style="position: absolute;top: 109%;margin: auto;left: 0;right: 0;width: 39%;" class="readm">
                <div class="btn" onclick="tjs()">
                    提交
                </div>
                <div class="btn1">比赛规则</div>

            </div>
        </div>

        <img src="__INDEX__/mobile/hd1/2019/lm/img/wdcjd.png" alt="" class="tu24" style="display:none;">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/cjd.png" alt="" class="tu10" style="display:none;">
        <!-- <div class="btn">

        </div>
        <div class="btn1">

        </div> -->

        <!-- 赛事奖励 -->
        <img src="__INDEX__/mobile/hd1/2019/lm/img/csjl.png" alt="" class="tu3">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/bg.png" alt="" class="tu4" style="width: 20.96875rem;height:9.40625rem;">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/cxtj.png" alt="" class="tu5">





        <!-- 车型推荐 -->
        <div class="swp">
            <div class="swiper-container swiper-container2 ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd1/2019/lm/img/t2.png" alt="" style="">
                        <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
                    </div>
                    <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd1/2019/lm/img/t3.png" alt="" style="">
                        <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
                    </div>
<!--                     <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd1/2019/lm/img/t1t1.png" alt="" style="">
                        <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
                    </div> -->
                </div>
                <div class="swiper-pagination"></div>
                <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
            </div>
        </div>



        <!-- 底部 -->
        <div class="dibu" id="dh">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d1.png" alt="" class="tu9" name='d11'>
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d2.png" alt="" class="tu6" name='d22'>
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d33.png" alt="" class="tu7" name='d33'>
            <!-- <img src="__INDEX__/mobile/hd1/2019/lm/img/d4.png" alt="" class="tu8" name='d44'> -->
        </div>
        <img src="__INDEX__/mobile/hd1/2019/lm/img/fhdb.png" alt="" class="tu23">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/bm.png" alt="" class="tu22">
    </div>






    <script>
    (function(){
        var typess = $('.types1').val();
        if(typess == 1){
            $('.typess1').show();
            $('.typess2').hide();
        }else if(typess == 2){
            $('.typess1').hide();
            $('.typess2').show();
        }
    })()

        //      $("#dh img").click(function () {  

        //         var getOnName = $(this).attr("name");  
        //         $("#dh img").each(function (i,item) {  
        //             var getName = $(this).attr("name");  
        //             // $(this).removeClass("aOn");  
        //             $(this).find("img").attr("src", "__INDEX__/mobile/hd1/2019/lm/img/" + getName + ".png");  
        //         });  
        //         // $(this).addClass("aOn");  
        //         $("#dh img")
        //         $(this).attr("src", "__INDEX__/mobile/hd1/2019/lm/img/" + getOnName  + ".png");  
        //         $('.nn').find('span').removeClass("aOn") 
        //  });  

        var yz;
        function tjs() {
            var id = $("#id").val(); 
            var phone = $('#in1').val(); //手机号
            var yz = $('#in2').val();  //验证
            var name = $('#in').val(); //名字
            var che = $('#in3').val(); //车架号
            var che1 = $('#in5').val(); //车牌号
            var options=$("#in6 option:selected").text(); //获取选中的项
            var city=$("#city option:selected").text(); //获取选中的项
            var b=$(".bang option:selected").text(); //获取选中的项
            // console.log(options)
              if (name == '') {
                alert("请输入您的姓名");
                return false;
            }
            if (phone == '') {
                alert('请输入您的电话！')
                return;
            }
            var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;
            if (!reg.test(phone)) {
                alert("请输入正确的手机号");
                return false;
            }
            if (yz == '') {
                alert("请输入验证码");
                return false;
            }
          
            if (che == '') {
                alert("请输入您的车架号");
                return false;
            }if (che1 == '') {
                alert("请输入您的车牌号");
                return false;
            }
            $.ajax({
                type: "POST",
                url: "{:url('hd1/lz')}",
                data: {
                    id:id,
					phone: phone, //手机号
					yz: yz, //验证码
					name: name, //名字
					che: che, //车架号
					che1: che1 ,//车牌号
					options: options, //站期
					city: city, //站期
					type: 1, //站期
					b: b, //站期
                },
                dataType: "json",
                success: function (data) {
                   if(data==1){
                   		alert('请输入姓名');	
                   		return false;
                   }
                   if(data==2){
                   		alert('请输入电话');	
                   		return false;
                   }
                   if(data==3){
                   		alert('验证码不正确');	
                   		return false;
                   }
                   if(data==4){
                   		alert('验证码不正确');	
                   		return false;
                   }
                   if(data==6){
                   		alert('vin错误');	
                   		return false;
                   }
                   if(data==7){
                   		alert('vin已存在');	
                   		return false;
                   }
                    if(data==8){
                   		alert('报名成功');	
                   		location.reload();
                        // $('.typess2').hide();
                        // $('.typess1').show();
                   		return false;
                   }
                }
            });
        }





        $('.tu9').click(function () {
            $('.tu9').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d11.png');
            window.location.href = '{:url('hd1/lm_xs')}'
        })



        $('.tu7').click(function () {
            $('.tu9').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d33.png');
            window.location.href = '{:url('hd1/lm_xs1')}'
        })
        $('.tu6').click(function () {
            $('.tu6').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d22.png');
            window.location.href = '{:url('hd1/lm')}'
        })
        $('.tu8').click(function () {
            $('.tu8').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d44.png');
            window.location.href = '{:url('hd1/index')}'
        })
        // $('.btn').click(function () {
        //     $('.sfq1').hide();
        //     $('.tu10').show();
        //     $('.tu24').show();
        //     $('.tu2').hide();
        // })
        $('.tu22').click(function () {
            $('.tu24').hide();
            $('.tu2').show();
            $('.sfq1').show();
            $('.tu10').hide();
        })
        $('.tu23').click(function () {
            $('html ,body').animate({
                scrollTop: 0
            }, 1000);
            return false;
        });
        var mySwiper = new Swiper('.swiper-container1', {
            autoplay: true, //可选选项，自动滑动
            pagination: {
                el: '.swiper-pagination',
            },
        })
        var mySwiper = new Swiper('.swiper-container2', {
            // slidesPerView: 2,
            // centeredSlides: true,
            // slidesPerView: 'auto',
        })
        $('.btn1').click(function(){
            $('.tc1').show();
        })
        $('.tc1').click(function(){
            $('.tc1').hide();
        })
        $('.readm').click(function(){
            $('.tcs').show();
        })
        $('.tcs').click(function(){
            $('.tcs').hide();
        })

        function getCitys(){
            var provincesobj=document.getElementById("in6");
            var cityobj=document.getElementById("city");
            var index=provincesobj.selectedIndex;
            var value=provincesobj[index].value;;
            var cityName=cityArr[value];
            cityobj.length=1;
            for(var i=1;i<cityArr[value].length;i++){
                cityobj.options[cityobj.options.length]=new Option(cityName[i],i);
            }
        }
    </script>
</body>

</html>